<!doctype html>
<html class="no-js fixed-layout" xmlns:th="http://www.thymeleaf.org">
<head th:include="admin/include/admin-head-include"></head>
<body>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
    以获得更好的体验！</p>
<![endif]-->

<header th:include="admin/include/admin-header-include" class="am-topbar am-topbar-inverse admin-header"></header>

<div class="am-cf admin-main">
    <!-- sidebar start -->
    <div th:include="admin/include/admin-sidebar-include" class="admin-sidebar am-offcanvas"
         id="admin-offcanvas"></div>
    <!-- sidebar end -->

    <!-- content start -->
    <div class="admin-content">
        <!--/*@thymesVar id="error" type="java.lang.String"*/-->
        <div class="am-alert am-alert-danger" th:if="${error}!=null" th:text="${error}" data-am-alert></div>
        <!--/*@thymesVar id="success" type="java.lang.String"*/-->
        <div class="am-alert am-alert-success" th:if="${success}!=null" th:text="${success}" data-am-alert></div>
        <div class="admin-content-body">
            <div class="am-cf am-padding">
                <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">新增用户</strong>
                </div>
            </div>
            <hr>
            <div class="am-form-group am-form-file">
                <form th:action="@{/admin/users/add}" method="post" class="am-form am-form-horizontal">
                    <div class="am-form-group">
                        <label for="user-username" class="am-u-sm-3 am-form-label">用户名 / Username</label>
                        <div class="am-u-sm-9">
                            <input type="text" id="user-username" name="username" placeholder="用户名 / Username">
                            <small>输入你的用户名，让我们记住你。</small>
                        </div>
                    </div>

                    <div class="am-form-group">
                        <label for="user-password" class="am-u-sm-3 am-form-label">密码 / Password</label>
                        <div class="am-u-sm-9">
                            <input type="password" id="user-password" name="password" placeholder="输入你的密码 / Password">
                            <small>密码...</small>
                        </div>
                    </div>


                    <div class="am-form-group">
                        <div class="am-u-sm-9 am-u-sm-push-3">
                            <button type="submit" class="am-btn am-btn-primary">添加</button>
                        </div>
                    </div>
                </form>
            </div>

        </div>

        <footer th:include="admin/include/admin-footer-include" class="admin-content-footer"></footer>
    </div>
    <!-- content end -->

</div>

<a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu"
   data-am-offcanvas="{target: '#admin-offcanvas'}"></a>

</body>
</html>
